{% include 'head.html' %}








<body>


<div id="over" class="overLoading"></div>
<div id="layout" class="layoutLoading"></div>


  <!-- 最为层容器 -->
  <div class="jd_container">
    <!-- 顶部 -->
    <div class="jd_header" style="height: 50px;background: #dce2ec;width: 100%">

      <!--<span style="float: left;margin-left: -18%;margin-top: 15px;">货比三家</span>-->
      <a href="/" >
        <div style="width: 10%;margin-left: -20%;">
        <span style="float: left;margin-top: 12px;font-size: 23px;color: #000;">
          <i class="fa fa-chevron-left">
          </i>
        </span>
        </div>
      </a>
      
      <div style="text-align:center;margin-top: 5%;float: left;width: 90%;">
        <span style="font-size: 19px;">关注 <b><u>推荐</u></b></span>
      </div>

      <a href="/fabuxz" >
        <div style="margin-right: -15%;float: right;margin-top: 12px;">
        <span style="font-size: 23px;color: #000;top:0;">
          <i class="fa fa-edit">
          </i>
        </span>
      </div>
      </a>
    </div>

     {% include 'units/banner.html' %}

    

    
    
      
    



<div id="top1" style="width: 110%;height: 35px;margin-bottom: 5%;">
  <div style="width: 25%;height: 35px;border:1px solid #F5F5F5;border-bottom: 2px solid #F00;float: left;text-align: center;background-color: #f8f8ff;"><h5>全部</h5></div>
  <div style="width: 25%;height: 35px;border:1px solid #F5F5F5;float: left;text-align: center;background-color: #fff;"><h5>购物分享</h5></div>
  <div style="width: 25%;height: 35px;border:1px solid #F5F5F5;float: left;text-align: center;background-color: #fff;"><h5>二手</h5></div>
  <div style="width: 25%;height: 35px;border:1px solid #F5F5F5;float: left;text-align: center;background-color: #fff;"><h5>渠道</h5></div>
</div>



<script type="text/javascript">
      function go_query(){
        var inputdatas = $("#inputdata").val();
        //alert(inputdatas);
        if(inputdatas!=""){
          window.location.href="/queryData?keys="+inputdatas;
        }
      }
    </script>



<script type="text/javascript" src="static/js/ydui.citys.js"></script>
<script type="text/javascript" src="static/js/ydui.js"></script>
<script type="text/javascript">
/**
 * 默认调用
 */
!function () {
  var $target = $('#J_Address');

  $target.citySelect();

  $target.on('click', function (event) {
    event.stopPropagation();
    $target.citySelect('open');
  });

  $target.on('done.ydui.cityselect', function (ret) {
    $(this).val(ret.provance + ' ' + ret.city + ' ' + ret.area);
  });
}();

</script>






<div style="width: 100%;height: 50px;"></div>

<div style="margin:2%;margin-bottom: 20px;">
  





{% for sqdata in sqlist %}
  
  

  <div style="margin:2%;margin-bottom: 20px;">
  
  <div style="float: left;width: 50px;">
    <img style="width: 50px;height: 50px;margin: 1%;" class="img-circle" src="http://hbsj.xyz/user_head/{{ sqdata['userhead'] }}">
  </div>

  <div style="float: left;margin-left: 20px;margin-top: -3%;width: 70%;">
    <h5 style="float: left;">{{ sqdata['user'] }}</h5>
  </div>

  <h4 style="float: left;margin-top: -3%;margin-left: 20px;">{{ sqdata['title'] }}</h4>
  
  <div style="float: left;width: 70%;margin-left: 70px;">  

      {% for img in sqdata['imglist'] %}
          
          <div style="width: 48%;height: 120px;border:1px solid #f8f8ff;margin: 1%;float: left;">
            <img style="width: 100%;height: 100%;" src="http://hbsj.xyz/info/{{ img }}" onclick="imgDisplay(this)">
          </div>
      {% endfor %}
      
  </div>


  <div style="float: left;width: 80%;height: 60px;margin-left: 50px;margin-top: 2%;margin-bottom: 5%;">
    <span style="margin-top: 5%;">{{ sqdata['sendtime'] }}</span>
    

    <script type="text/javascript">
      if("{{ sqdata['type'] }}" == "rs"){
        document.write('<span style="margin: 1%;" class="label label-warning">二手信息</span>');
      }
      else if("{{ sqdata['type'] }}" == "gg"){
        document.write('<span style="margin: 1%;" class="label label-success">营销广告</span>');
      }
      else if("{{ sqdata['type'] }}" == "fx"){
        document.write('<span style="margin: 1%;" class="label label-success">购物分享</span>');
      }
      else if("{{ sqdata['type'] }}" == "zy"){
        document.write('<span style="margin: 1%;" class="label label-success">市场资源</span>');
      }
    </script>

<pre>{{ sqdata['content'] }}</pre>


  </div>

  <br>
  <div style="float: left;width: 80%;height: 30px;margin-left: 50px;margin-top: 5%;margin-bottom: 5%;">
       
      <span style="">
        <i style="margin-left: 0;font-size: 18px;" class="fa fa-star"></i>
        <i style="margin-left: 5px;font-size: 18px;"  class="fa fa-share-alt"></i>
        <i style="margin-left: 5px;font-size: 18px;" class="fa fa-handshake-o"></i>
        <i style="margin-left: 25px;font-size: 18px;" class="fa fa-commenting-o"></i> 评论:100
      </span>
      
  </div>
  </div>

  <hr style="width: 100%;color: #000;">



{% endfor %}


<script type="text/javascript">
  var top=$("#top1").offset().top;
  $(window).scroll(function () {
   if ($(window).scrollTop() >= 140) {
      $("#top1").attr("style", "overflow: hidden;position:fixed;top:50px;left:0;z-index:90;width:100%;");
    } else {
       $("#top1").attr("style", "overflow: hidden; height: 35px;width:100%;");
    }

    //下拉刷新
    console.log(getScrollTop());
    console.log(getClientHeight());
    console.log(getScrollHeight());
      if(getScrollTop() + getClientHeight() >= getScrollHeight()) {
          console.log('下拉刷新了');
          //此处发起AJAX请求
          //alert("下拉刷新了");
      }


  }).trigger("scroll");
</script>


  

    <!-- 京东内容区域 -->
    <div class="jd_mian" id="container">
      <div class="main_content" style="background-color: #edf4ff;margin-bottom: 500px;">
        
        
       


        
        

          
        </div>
        



        



      </div>
    </div>


    

  </div>








{% include 'foot_sp.html' %}